<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .p{
            color:red;
            margin-left:20px;
            display:inline-block;
        }
        .c{
            color:red;
            margin-left:4px;
            display:inline-block;
        }
        .l{
            font-size:18px;
        }
        .d{
            height:35px;
            width:300px;
            display:inline;
        }
        .i{
            height:30px;
            width:300px;
            border-radius:8px;
        }
        .w{
            padding-left: 30px;
            /*background-color: #c2c2c2;*/
            background-color: rgba(96, 96, 96, 0.5);
            position: absolute;
            margin: auto;
            top:0;
            left:0;
            bottom:0;
            right: 0;
            font-family: 微软雅黑;
            font-weight:500;
            border:2px solid #505050;
            border-radius:25px;
        }
        .dizhi{
            border-radius:8px;
        }
        .zhucexinyonghu{
            padding-left:30%;
            color: #000000;
            font-family: 楷体;
            font-weight:600;
            font-size: 50px;
        }
        select{
            height: 30px;
            width: 75px;
        }
        body {
            margin: 0;
            padding: 0;
            background-size:100%;
        }
    </style>
    <script src="/resources/resources/scripts/jquery-1.7.1.min.js" type="application/javascript"></script>
</head>
<script>
    var id= window.location.href.split("?")[1].split("=")[1];
         $(function () {
             $.ajax({
                 url:"/selectExamine",
                 data:{"id":id},
                 type:"post",
                 dataType:"json",
                 success:function (data) {
                     console.log(data);
                     $("input[name='userPhone']").val(data.userPhone);
                     $("input[name='userAccount']").val(data.userAccount);
                     $("input[name='userPasswrod']").val(data.userPasswrod);
                     $("input[name='userProvince']").val(data.pname);
                     $("input[name='userCity']").val(data.cname);
                     $("input[name='userCounty']").val(data.tname);
                     $("input[name='userTown']").val(data.oname);
                     var accountGrade = "";
                     if(data.accountGrade == 0){
                         accountGrade = "平民";
                     }else if(data.accountGrade == 1){
                         accountGrade = "地区派出所";
                     }else if(data.accountGrade == 2){
                         accountGrade = "分局";
                     }else if(data.accountGrade == 3){
                         accountGrade = "市局";
                     }
                     $("input[name='accountGrade']").val(accountGrade);
                 }
             })
         })
</script>
<body style="background-image:url(images/zhucexinxitupian/jinghui.jpg)">

<form  id="form2" enctype="multipart/form-data" method="post" accept-charset="utf-8" >

     <div class="w" style="width:560px;height:500px;/*float:left;margin:0 20px;*/">
         <br/>
         <div style="font-size:38px;" class="zhucexinyonghu">注册详情</div>
        <br/>
        <span class="p">&nbsp;&nbsp;&nbsp;&nbsp;*</span>
        <label for="phonenumber" class="l">手机号:</label>
        <div  class="d">
            <input id="phonenumber" type="text" class="i" name="userPhone">
        </div>
        <br/><br/>
        <span class="c">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*</span>
        <label for="login_password" class="l">账号:</label>
        <div  class="d">
            <input id="login_password" type="text" class="i" name="userAccount">
        </div>
        <br/><br/>
        <span class="c">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*</span>
        <label for="confirm_password" class="l">密码:</label>
        <div  class="d">
            <input id="confirm_password" type="text" class="i" name="userPasswrod">
        </div>
        <br/><br/>
        <span class="p">*</span>
        <label class="l">地址:</label>
        <div  class="d">
            <input id="sheng" onclick="selectCity()" name="userProvince" class="dizhi" style="width: 50px; height: 30px">

            </input>
            <span>省</span>&nbsp;&nbsp;&nbsp;&nbsp;
            <input id="shi" onclick="selectCounty()" name="userCity" class="dizhi" style="width: 50px; height: 30px">

            </input>
            <span>市</span>&nbsp;&nbsp;&nbsp;&nbsp;
            <input id="xian" name="userCounty"  onclick="selectTownship()"class="dizhi" style="width: 50px;height: 30px">

            </input>
            <span>县</span>
            <input id="zhen" name="userTown" class="dizhi" style="width: 50px;height: 30px">

            </input>
            <span>镇</span>
            <br/><br/><br/>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <label  class="l">注册权限:</label>
            <input name="accountGrade" class="dizhi" style="width: 80px;height: 30px">

            </input>
        </div>
        <br/><br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


         <input type="button" value="返回" onclick="javascript:history.back(1);" style="margin-left:100px;height:30px;width:150px;background-color:red;display:inline-block;" class="dizhi"/>
     </div>
</form>
</body>
</html>
